﻿@media (max-width: 600px) {
  .sv_main {
    .sv_container {
      .sv_body {
        .sv_p_root {
          .sv_row {
            .sv_q,
            .sv_qstn {
              display: block;
              width: 100% !important;
              .title-left {
                float: none;
              }
              .sv_q_radiogroup_inline,
              .sv_q_checkbox_inline,
              .sv_q_imagepicker_inline {
                display: block;
              }
              table.sv_q_matrix,
              table.sv_q_matrix_dropdown,
              table.sv_q_matrix_dynamic {
                display: block;
                thead {
                  display: none;
                }
                td.sv-table__cell--choice {
                  text-align: initial;
                }
                tbody,
                tr,
                td {
                  display: block;
                }
              }
              table.sv_q_matrix_dropdown,
              table.sv_q_matrix_dynamic {
                td {
                  &:before {
                    content: attr(title);
                  }
                }
              }
              table.sv_q_matrix {
                td {
                  label.sv_q_m_label {
                    display: inline;
                  }
                  &:after {
                    content: attr(title);
                  }
                }
                .sv_q_m_cell {
                  text-align: initial;
                }
              }
            }
          }
        }
      }
    }
  }
}
